<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/王者.css">
</head>

<body>
    <!-- 最大的通栏 -->
    <div class="title-box">
        <div class="title">
            <div class="title_inner-1">
                <img src="images/logo (1).png" alt="">
            </div>
            <div class="title_inner-2">
                <img src="images/banner1.jpg" alt="">
            </div>
            <div class="title_inner-3">
                <a href="" class="title_inner-3a">
                </a>
                <a href="" class="title_inner_s2">成长守护平台</a>
                <a href="" class="title_inner_sl">腾讯游戏排行榜<img class="title_img" src="images/jiantou.png" alt=""></a>
            </div>
        </div>
    </div>
    <div class="header-nav">
        <div class="header-inner">
            <!-- logo -->
            <a href="" class="logo">
                <img src="images/logo.png" alt="">
            </a>
            <!-- 导航内容 -->
            <ul class="main-nav">
                <li>
                    <a href="">
                        <span>游戏资料</span>
                        <em>DATA</em>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span>内容中心</span>
                        <em>CONTENTS</em>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span>赛事中心</span>
                        <em>MATCH</em>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span>百态王者</span>
                        <em>CULTURE</em>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span>社区互动</span>
                        <em>COMMEUNITY</em>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span>玩家支持</span>
                        <em>PLAYER</em>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span>IP新游</span>
                        <em>NEW GAMES</em>
                    </a>
                </li>
            </ul>
            <!-- 右登录 -->
            <div class="nav-login">
                <!-- 左边头像 -->
                <a href="" class="login-img">
                    <img src="images/login.png" alt="">
                </a>
                <!-- 登录的内容 -->
                <div class="login-con">
                    <p class="user-name">欢迎登录</p>
                    <p class="welcome-link">登录后查看游戏战绩</p>
                </div>
            </div>
        </div>
        <div class="header-bar">
            <div class="header-bar-hid">
                <ul class="header-bar-li">
                    <li>
                        <a href="">版本介绍</a>
                        <a href="">游戏介绍</a>
                        <a href="">英雄资料</a>
                        <a href=""><i class="bar-icon"></i>爆料站</a>
                        <a href="">世界观体验战</a>
                        <a href="">游戏壁纸</a>
                    </li>
                    <li>
                        <a href="">攻略中心</a>
                        <a href="">开放素材库</a>
                        <a href="">内容共创平台</a>
                        <a href="">手语打法参考</a>
                    </li>
                    <li>
                        <a href="">KPL</a>
                        <a href="">K甲联赛</a>
                        <a href="">世界冠军杯</a>
                        <a href="">挑战者杯</a>
                        <a href="">全国大赛</a>
                        <a href="">女子公开赛</a>
                        <a href="">王者赛宝</a>
                        <a href="">高校联赛</a>
                        <a href="">赛事中心</a>

                    </li>
                    <li>
                        <a href="">挑战者杯</a>
                        <a href="">世界冠军杯</a>
                        <a href="">挑战者杯</a>
                        <a href="">挑战者杯</a>
                        <a href="">挑战者杯</a>
                        <a href="">世界冠军杯</a>
                    </li>
                    <li><a href="">挑战者杯</a>
                        <a href="">世界冠军杯</a>
                        <a href="">挑战者杯</a>
                        <a href="">挑战者杯</a>
                        <a href="">挑战者杯</a>
                        <a href="">世界冠军杯</a></li>
                    <li>
                        <a href="">挑战者杯</a>
                        <a href="">世界冠军杯</a>
                        <a href="">挑战者杯</a>
                        <a href="">挑战者杯</a>
                        <a href="">挑战者杯</a>
                        <a href="">世界冠军杯</a>
                    </li>
                    <li><a href="">挑战者杯</a>
                        <a href="">世界冠军杯</a>
                        <a href="">挑战者杯</a>
                        <a href="">挑战者杯</a>
                        <a href="">挑战者杯</a>
                        <a href="">世界冠军杯</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="content1">
            <div class="content1_1"></div>
            <ul class="content1_2">
                <li><a href="">神奇传说</a> </li>
                <li><a href="">神奇传说</a></li>
                <li><a href="">神奇传说</a></li>
                <li><a href="">神奇传说</a></li>
                <li><a href="">神奇传说</a></li>
            </ul>
        </div>
        <div class="content2">
            <div class="middle">
                <ul>
                    <li><a href="">热门</a></li>
                    <li><a href="">热门</a></li>
                    <li><a href="">热门</a></li>
                    <li><a href="">热门</a></li>
                    <li><a href="">热门</a></li>
                    <li><a href="">...</a></li>
                </ul>
            </div>
            <div class="middle2">
                <p class="middle2_1">不听股大大方法股大大方法股大大方法</p>
            </div>
            <ul class="middle3">
                <li><a href=""><span class="span1">公告</span>杭州亚运杭州亚运杭州亚运会倒计时倒计时倒计时</a>
                    <span class="span2">03/07</span>
                </li>
                <li><a href=""><span class="span1">公告</span>杭州亚运杭州亚运杭州亚运杭州亚运杭州亚运会倒计时倒计时倒计时</a>
                    <span class="span2">03/07</span>
                </li>
                <li><a href=""><span class="span1">公告</span>杭州亚运杭州亚运杭州亚运杭州亚运会倒计时倒计时倒计时</a>
                    <span class="span2">03/07</span>
                </li>
                <li><a href=""><span class="span1">公告</span>杭州亚运杭州亚运会倒计时倒计时倒计时</a>
                    <span class="span2">03/07</span>
                </li>
                <li><a href=""><span class="span1">公告</span>杭州亚运杭州亚运会倒计时倒计时倒计时</a>
                    <span class="span2">03/07</span>
                </li>
                <li><a href=""><span class="span1">公告</span>杭州亚运杭州亚运杭州亚运会倒计时倒计时倒计时</a>
                    <span class="span2">03/07</span>
                </li>
                <li><a href=""><span class="span1">公告</span>杭州亚运杭州亚运杭州亚运杭州亚运会倒计时倒计时倒计时</a>
                    <span class="span2">03/07</span>
                </li>
            </ul>
        </div>
        <div class="content3">
            <a class="photo1">
                <!-- <span class="download-btn-ani" style="display: block;"></span> -->
            </a>
            <a class="photo2"></a>
            <a class="photo3"></a>
        </div>
    </div>
    <div class="content-middle">
        <a href=""><img src="images/c1.jpg" alt=""></a>
        <a href=""><img src="images/c2.png" alt=""></a>
        <a href=""><img src="images/c3.jpg" alt=""></a>
        <a href=""><img src="images/c4.png" alt=""></a>
    </div>
    <div class="you-nav">
        <div class="nav-dj">
            <p class="dj-one">扫一扫，立刻</p>
            <p class="dj-two">下载游戏~</p>
        </div>
        <ul class="nav-ul">
            <li class="nav-ul-1"><img src="images/you.png" alt=""></li>
            <li class="nav-ul-2">
                <div>
                    <img src="images/zuo1.jpg" alt="">
                    <p>扫码下载王者附录</p>
                    <p>每天领取王者福利</p>
                </div>
            </li>
            <li class="nav-ul-3">
                <div>
                    <img src="images/zuo1.jpg" alt="">
                    <p>扫码下载王者附录</p>
                    <p>每天领取王者福利</p>
                </div>
            </li>
            <li class="nav-ul-4">
                <div>
                    <img src="images/zuo1.jpg" alt="">
                    <p>扫码下载王者附录</p>
                    <p>每天领取王者福利</p>
                </div>
            </li>
            <li class="nav-ul-5">
                <div>
                    <img src="images/zuo1.jpg" alt="">
                    <p>扫码下载王者附录</p>
                    <p>每天领取王者福利</p>
                </div>
            </li>
        </ul>
    </div>
    <div class="next-nav">
        <div class="left-nav">
            <div class="left-header">
                <h3>内容中心</h3>
                <a href="" class="left-a">更多</a>
            </div>
            <ul class="left-middle">
                <li><a href="" class="LE">精品栏目</a>
                    <div class="left-bar left-block">
                        <div class="left-bar1">
                            <div class="left-title">
                                <a href="">最新玩法</a>
                                <a href="">推荐</a>
                            </div>
                        </div>
                        <ul class="left-bar2">
                            <li>
                                <a href=""><img src="images/l1.png" alt="">
                                    <span class="left-span">峡谷大气层 | 这些脑洞放在整个高光播报界也是非常炸裂的</span></a>
                            </li>
                            <li>
                                <a href=""><img src="images/l2.png" alt="">
                                    <span class="left-span">峡谷大气层 | 这些脑洞放在整个高光播报界也是非常炸裂的</span></a>
                            </li>
                            <li>
                                <a href=""><img src="images/l3.png" alt="">
                                    <span class="left-span">峡谷大气层 | 这些脑洞放在整个高光播报界也是非常炸裂的</span></a>
                            </li>
                            <li>
                                <a href=""><img src="images/l4.png" alt="">
                                    <span class="left-span">峡谷大气层 | 这些脑洞放在整个高光播报界也是非常炸裂的</span></a>
                            </li>
                            <li>
                                <a href=""><img src="images/l5.png" alt="">
                                    <span class="left-span">峡谷大气层 | 这些脑洞放在整个高光播报界也是非常炸裂的</span></a>
                            </li>
                            <li>
                                <a href=""><img src="images/l6.png" alt="">
                                    <span class="left-span">峡谷大气层 | 这些脑洞放在整个高光播报界也是非常炸裂的</span></a>
                            </li>
                            <li>
                                <a href=""><img src="images/l7.png" alt="">
                                    <span class="left-span">峡谷大气层 | 这些脑洞放在整个高光播报界也是非常炸裂的</span></a>
                            </li>
                            <li>
                                <a href=""><img src="images/l8.png" alt="">
                                    <span class="left-span">峡谷大气层 | 这些脑洞放在整个高光播报界也是非常炸裂的</span></a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li><a href="" class="LE">赛事精品</a>
                    <div class="left-bar">
                        <div class="left-bar1">
                            <div class="left-title">
                                <a href="">最新赛事</a>
                                <a href="">决赛</a>
                            </div>
                        </div>
                        <ul class="left-bar2">
                            <li>
                                <a href=""><img src="images/h1.png" alt="">
                                    <span class="left-span">峡谷大气层 | 这些脑洞放在整个高光播报界也是非常炸裂的</span></a>
                            </li>
                            <li>
                                <a href=""><img src="images/h1.png" alt="">
                                    <span class="left-span">峡谷大气层 | 这些脑洞放在整个高光播报界也是非常炸裂的</span></a>
                            </li>
                            <li>
                                <a href=""><img src="images/h1.png" alt="">
                                    <span class="left-span">峡谷大气层 | 这些脑洞放在整个高光播报界也是非常炸裂的</span></a>
                            </li>
                            <li>
                                <a href=""><img src="images/h1.png" alt="">
                                    <span class="left-span">峡谷大气层 | 这些脑洞放在整个高光播报界也是非常炸裂的</span></a>
                            </li>
                            <li>
                                <a href=""><img src="images/h1.png" alt="">
                                    <span class="left-span">峡谷大气层 | 这些脑洞放在整个高光播报界也是非常炸裂的</span></a>
                            </li>
                            <li>
                                <a href=""><img src="images/h1.png" alt="">
                                    <span class="left-span">峡谷大气层 | 这些脑洞放在整个高光播报界也是非常炸裂的</span></a>
                            </li>
                            <li>
                                <a href=""><img src="images/h1.png" alt="">
                                    <span class="left-span">峡谷大气层 | 这些脑洞放在整个高光播报界也是非常炸裂的</span></a>
                            </li>
                            <li>
                                <a href=""><img src="images/h1.png" alt="">
                                    <span class="left-span">峡谷大气层 | 这些脑洞放在整个高光播报界也是非常炸裂的</span></a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li><a href="" class="LE">英雄攻略</a>
                    <div class="left-bar">
                        <div class="left-bar1">
                            <div class="left-title">
                                <a href="">英雄推荐</a>
                                <a href="">玩法</a>
                            </div>
                        </div>
                        <ul class="left-bar2">
                            <li>
                                <a href=""><img src="images/z1.png" alt="">
                                    <span class="left-span">峡谷大气层 | 这些脑洞放在整个高光播报界也是非常炸裂的</span></a>
                            </li>
                            <li>
                                <a href=""><img src="images/z1.png" alt="">
                                    <span class="left-span">峡谷大气层 | 这些脑洞放在整个高光播报界也是非常炸裂的</span></a>
                            </li>
                            <li>
                                <a href=""><img src="images/z1.png" alt="">
                                    <span class="left-span">峡谷大气层 | 这些脑洞放在整个高光播报界也是非常炸裂的</span></a>
                            </li>
                            <li>
                                <a href=""><img src="images/z1.png" alt="">
                                    <span class="left-span">峡谷大气层 | 这些脑洞放在整个高光播报界也是非常炸裂的</span></a>
                            </li>
                            <li>
                                <a href=""><img src="images/z1.png" alt="">
                                    <span class="left-span">峡谷大气层 | 这些脑洞放在整个高光播报界也是非常炸裂的</span></a>
                            </li>
                            <li>
                                <a href=""><img src="images/z1.png" alt="">
                                    <span class="left-span">峡谷大气层 | 这些脑洞放在整个高光播报界也是非常炸裂的</span></a>
                            </li>
                            <li>
                                <a href=""><img src="images/z1.png" alt="">
                                    <span class="left-span">峡谷大气层 | 这些脑洞放在整个高光播报界也是非常炸裂的</span></a>
                            </li>
                            <li>
                                <a href=""><img src="images/z1.png" alt="">
                                    <span class="left-span">峡谷大气层 | 这些脑洞放在整个高光播报界也是非常炸裂的</span></a>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
        <div class="right-nav">
            <div class="right-bar">
                <h3>英雄/皮肤</h3>
                <a href="" class="left-b">更多</a>
            </div>
            <div class="right-content">
                <div class="rigc1">
                    <a href="">最新英雄</a>
                    <span class="rs1"></span>
                    <a href="">周免英雄</a>
                    <span class="rs1"></span>
                    <a href="">最新皮肤</a>
                </div>
                <div class="rigc2">
                    <a href=""><img src="images/R2.jpg" alt=""></a>
                    <div class="rigc2_bottom">
                        <p class="rp1">新英雄：莱西奥</p>
                        <p lass="rp2">上线时间：2023.01.03</p>
                    </div>
                </div>
                <div class="rigc3">
                    <ul>
                        <li>
                            <a href=""><img src="images/lj1.jpg" alt=""></a>
                        </li>
                        <li>
                            <a href=""><img src="images/lj2.jpg" alt=""></a>
                        </li>
                        <li>
                            <a href=""><img src="images/lj3.jpg" alt=""></a>
                        </li>
                        <li>
                            <a href=""><img src="images/lj4.jpg" alt=""></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="last-con">
        <div class="last1">
            <div class="last-header">
                <h3>赛事中心</h3>
                <a href="">更多</a>
            </div>
            <div class="last1-con">
                <a href="">KPL</a>
                <span class="rs1"></span>
                <a href="">世界冠军杯</a>
                <span class="rs1"></span>
                <a href="">挑战者杯</a>
                <span class="rs1"></span>
                <a href="">K甲联赛</a>
                <span class="rs1"></span>
                <a href="">全国大赛</a>
                <span class="rs1"></span>
                <a href="">高校联赛</a>
                <span class="rs1"></span>
                <a href="">TGA</a></a>
                <span class="rs1"></span>
                <a href="">微信游戏邀请赛</a>
                <span class="rs1"></span>
                <a href="">模拟战大师赛</a>
            </div>
            <div class="last2-con">
                <div class="con1">
                    <div class="con1-left">
                        <a href=""><img src="images/cl1.jpg" alt=""></a>
                    </div>
                    <ul class="con-ul">
                        <li class="line-con">
                            <a class="line-up1" href="">2023KPL春季赛常规赛第二轮赛程及售票信息公布</a>
                            <a class="line-up2" href="" class="con-ul-a">2023KPL春季赛常规赛第二轮赛程及售票信息公布</a>
                        </li>
                        <li>
                            <span class="con-span">KPL</span>
                            <a href="" class="con-ul-a">23KPL春季赛常规赛第一轮门票将于2月3日12：00开售！</a>
                            <em class="line-em">02-02</em>
                        </li>
                        <li>
                            <span class="con-span">KPL</span>
                            <a href="" class="con-ul-a">2023年KPL王者荣耀职业联赛春季赛常规赛第一轮赛程</a>
                            <em class="line-em">02-02</em>
                        </li>
                        <li>
                            <span class="con-span">KPL</span>
                            <a href="" class="con-ul-a">王者荣耀职业联赛（KPL）2023春季赛赛事规则</a>
                            <em class="line-em">02-02</em>
                        </li>
                        <li>
                            <span class="con-span">KPL</span>
                            <a href="" class="con-ul-a">2023年KPL王者荣耀职业联赛赛制升级，全新对决一触即发！</a>
                            <em class="line-em">02-02</em>
                        </li>
                        <li>
                            <span class="con-span">KPL</span>
                            <a href="" class="con-ul-a">23年KPL春季选秀招募开启-进入KPL的唯一选秀通道</a>
                            <em class="line-em">02-02</em>
                        </li>
                        <li>
                            <span class="con-span">KPL</span>
                            <a href="" class="con-ul-a">上最右 为KPL战队助威</a>
                            <em class="line-em">02-02</em>
                        </li>

                    </ul>
                </div>
                <ul class="con2">
                    <li class="con2-li">
                        <a href=""><img src="images/con1.jpg" alt=""></a>
                        <span class="con2-span">第八届王者荣耀高校联赛分站赛-四川站用梦想点燃峡谷</span>
                    </li>
                    <li class="con2-li">
                        <a href=""><img src="images/con2.jpg" alt=""></a>
                        <span class="con2-span">第八届王者荣耀高校联赛分站赛-四川站用梦想点燃峡谷</span>
                    </li>
                    <li class="con2-li">
                        <a href=""><img src="images/con3.jpg" alt=""></a>
                        <span class="con2-span">第八届王者荣耀高校联赛分站赛-四川站用梦想点燃峡谷</span>
                    </li>
                    <li class="con2-li">
                        <a href=""><img src="images/con4.jpg" alt=""></a>
                        <span class="con2-span">第八届王者荣耀高校联赛分站赛-四川站用梦想点燃峡谷</span>
                    </li>
                    <li class="con2-li">
                        <a href=""><img src="images/con5.jpg" alt=""></a>
                        <span class="con2-span">第八届王者荣耀高校联赛分站赛-四川站用梦想点燃峡谷</span>
                    </li>
                    <li class="con2-li">
                        <a href=""><img src="images/con6.jpg" alt=""></a>
                        <span class="con2-span">第八届王者荣耀高校联赛分站赛-四川站用梦想点燃峡谷</span>
                    </li>
                    <li class="con2-li">
                        <a href=""><img src="images/con7.jpg" alt=""></a>
                        <span class="con2-span">第八届王者荣耀高校联赛分站赛-四川站用梦想点燃峡谷</span>
                    </li>
                    <li class="con2-li">
                        <a href=""><img src="images/con8.jpg" alt=""></a>
                        <span class="con2-span">第八届王者荣耀高校联赛分站赛-四川站用梦想点燃峡谷</span>
                    </li>

                </ul>
            </div>
        </div>
        <div class="last2">
            <div class="last2-header">
                <h3 class="last2-h3">KPL赛程</h3>
                <a href="" class="buy">购票</a>
                <a href="" class="more">更多</a>
            </div>
            <div class="last2-cont">
                <span class="las1">时间</span>
                <span class="las1">战队</span>
                <span class="las2"></span>
                <span class="las1">战队</span>
            </div>
            <div class="last2-bottom">
                <ul>
                    <li>
                        <span class="last-time">3-15 17:00</span>
                        <span class="last-name"><img src="images/x1.png" alt="">
                            <em>厦门VG</em></span>

                        <span class="last-vs">VS</span>
                        <span class="last-name"><img src="images/x2.png" alt=""><em>上海RNG.M</em></span>

                    </li>
                    <li>
                        <span class="last-time">3-15 17:00</span>
                        <span class="last-name"><img src="images/xyg.png" alt="">
                            <em>厦门VG</em></span>

                        <span class="last-vs">VS</span>
                        <span class="last-name"><img src="images/edg.png" alt=""><em>上海RNG.M</em></span>

                    </li>
                    <li>
                        <span class="last-time">3-15 17:00</span>
                        <span class="last-name"><img src="images/x1.png" alt="">
                            <em>厦门VG</em></span>

                        <span class="last-vs">VS</span>
                        <span class="last-name"><img src="images/x2.png" alt=""><em>上海RNG.M</em></span>

                    </li>
                    <li>
                        <span class="last-time">3-15 17:00</span>
                        <span class="last-name"><img src="images/x1.png" alt="">
                            <em>厦门VG</em></span>

                        <span class="last-vs">VS</span>
                        <span class="last-name"><img src="images/x2.png" alt=""><em>上海RNG.M</em></span>

                    </li>
                    <li>
                        <span class="last-time">3-15 17:00</span>
                        <span class="last-name"><img src="images/x1.png" alt="">
                            <em>厦门VG</em></span>

                        <span class="last-vs">VS</span>
                        <span class="last-name"><img src="images/x2.png" alt=""><em>上海RNG.M</em></span>

                    </li>

                </ul>
            </div>
            <div class="last2-last">
                <a href=""><img src="images/bo1.jpg" alt=""></a>
            </div>
        </div>
    </div>
    <div class="last-end">
        <div class="end">
            <div class="end_up">
                <div class="ten"></div>
                <div class="timi"></div>
            </div>
            <div class="end_do1">
                <span>抵制不良游戏</span>
                <span>拒绝盗版游戏</span>
                <span>注意自我保护</span>
                <span>谨防受骗上当</span>
                <span>适度游戏益脑</span>
                <span>沉迷游戏伤身</span><br>
                <span>合理安排时间</span>
                <span>享受健康生活</span><br>
                <p2>《王者荣耀》全部背景故事发生于架空世界“王者大陆”中。相关人物、地理、事件均为艺术创作，并非正史。若因观看王者故事对相关历史人物产生兴趣，建议查阅正史记载。</p2>
            </div>
            <div class="end_do_r">
                <p>腾讯互动娱乐 | 服务条款 | 王者荣耀隐私保护指引儿童隐私保护指引 | 腾讯游戏招聘 | 腾讯游戏客服 | 游戏列表 | 广告服务及商务合作
                </p>
                <p class="endp1">COPYRIGHT © 1998 - 2023 TENCENT. ALL RIGHTS RESERVED.</p> <a class="enda1" href="">腾讯公司版权所有 网络游戏行业防沉迷自律公约
                   </a>
                <br>
                <span><img class="tu01" src="images/e1.png">工商网监电子标识 │ 粤网文[2020]3396-195号 | (署）网出证（粤）字第054号
                    </span><br>
                <span><img class="tu01" src="images/e2.png">文网游备字[2016]M-CSG 0059号 | 新广出审[2017] 6712号|ISBN 978-7-7979-8408-9
                    </span>
            </div>
        </div>


    </div>
</body>

</html>